<template>
  <div>
    <iframe
      style="width: 100%; height: 100vh"
      src="/static-file.html"
      id="qt"
      scrolling="no"
      frameborder="0"
    ></iframe>
  </div>
</template>

<script>
export default {
  name: 'largeScreen',
  data() {
    return {};
  },
  mounted() {
    function changeqtIframe() {
      const qt = document.getElementById('qt');
      const deviceWidth = document.body.clientWidth;
      const deviceHeight = document.body.clientHeight;
      qt.style.width = Number(deviceWidth) + 'px'; // 数字是页面布局宽度差值
      qt.style.height = Number(deviceHeight) + 'px'; // 数字是页面布局高度差
    }
    changeqtIframe();
    window.onresize = function () {
      changeqtIframe();
    };
  },
  activated() {},
  deactivated() {},
  methods: {}
};
</script>
